import React from "react"
import s from "./style.module.less"
import { Tooltip } from "antd"
export default function PersonalInfo({ info, visitNum }) {
  return (
    <div className={s.personInfo}>
      <div className={s.items}>
        <div className={s.avator}>
          <img src={info.logo} alt="" />
          <span></span>
        </div>
        <span className={s.author}>{info.author}</span>
        <span className={s.introduction}>{info.introduction}</span>
        <div className={s.info}>
          <div className={s.item}>
            <span className={s.num}>{visitNum.articleTotalCount}</span>
            <span>文章</span>
          </div>
          <div className={s.item}>
            <span className={s.num}>{visitNum.categoryTotalCount}</span>
            <span>分类</span>
          </div>
          <div className={s.item}>
            <span className={s.num}>{visitNum.tagTotalCount}</span>
            <span>标签</span>
          </div>
          <div className={s.item}>
            <span className={s.num}>{visitNum.pvTotalCount}</span>
            <span>总访问量</span>
          </div>
        </div>
        <div className={s.svgs}>
          <Tooltip placement="bottom" title="我的 GitHub">
            <a href="https://gitee.com/wangtingting-niu" target="_blank">
              <svg className="icon" aria-hidden="true">
                <use xlinkHref="#icon-github"></use>
              </svg>
            </a>
          </Tooltip>
          <Tooltip placement="bottom" title="我的 Gitee">
            <a href="https://gitee.com/wangtingting-niu" target="_blank">
              <svg className="icon" aria-hidden="true">
                <use xlinkHref="#icon-gitee"></use>
              </svg>
            </a>
          </Tooltip>
          <Tooltip placement="bottom" title="我的 知乎">
            <a href="https://gitee.com/wangtingting-niu" target="_blank">
              <svg className="icon" aria-hidden="true">
                <use xlinkHref="#icon-zhihu"></use>
              </svg>
            </a>
          </Tooltip>
          <Tooltip placement="bottom" title="我的 Csdn">
            <a href="https://gitee.com/wangtingting-niu" target="_blank">
              <svg className="icon" aria-hidden="true">
                <use xlinkHref="#icon-csdn"></use>
              </svg>
            </a>
          </Tooltip>
        </div>
      </div>
    </div>
  )
}
